@import './TG_css.css';
.list {
    -webkit-overflow-scrolling: touch;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    position: relative;
}
.box,
.list {
    box-sizing: border-box;
}
.box {
    background-color: #fff;
    border-radius: 24rpx;
    margin: 30rpx auto;
    padding: 0 30rpx 50rpx;
    text-align: center;
    width: 92%;
}
.box .tbody_img {
    color: #fff;
    font-size: 36rpx;
    height: 80rpx;
    line-height: 68rpx;
    margin: -17rpx auto 0;
    width: 400rpx;
}
.TG_BANG {
    margin-top: 50rpx;
}
.TG_BANG .h2 {
    font-size: 360rpx;
    font-weight: 700;
    margin-bottom: 30rpx;
}
.TG_BANG .ul {
    border-bottom: 1rpx solid #eee;
    clear: both;
    font-size: 28rpx;
    overflow: auto;
    text-align: center;
}
.TG_BANG .ul .li {
    float: left;
    padding: 30rpx 0;
    position: relative;
}
.TG_BANG .ul .li:nth-child(1) {
    width: 30%;
}
.TG_BANG .ul .li:nth-child(2) {
    font-size: 30rpx;
    text-align: center;
    width: 40%;
}
.TG_BANG .ul .li:nth-child(3) {
    width: 30%;
}
.TG_BANG .C .li:nth-child(1) {
    color: #aaa;
    font-family: Arial;
    vertical-align: middle;
}
.TG_BANG .C .li:nth-child(3) {
    color: #f7564d;
    font-family: Arial;
    font-size: 32rpx;
}
.TG_BANG .C .li:nth-child(1) .ico {
    font-size: 40rpx;
    line-height: 60rpx;
}
.TG_BANG .C .li:nth-child(1) .i1 {
    color: #ff9d58;
    font-size: 60rpx;
}
.TG_BANG .C .li:nth-child(1) .i2 {
    color: #adb5e9;
    font-size: 60rpx;
}
.TG_BANG .C .li:nth-child(1) .i3 {
    color: #ccc;
    font-size: 60rpx;
}
.TG_BANG .nodatatips {
    box-sizing: border-box;
    margin: 20rpx auto 0;
    padding: 60rpx;
    width: 100%;
}
.TG_BANGabtn {
    margin-bottom: 10rpx;
    margin-top: 10rpx;
    width: 90%;
}
.TG_BANG .logo {
    height: 40rpx;
    margin-right: 6rpx;
    vertical-align: middle;
    width: 40rpx;
}
.TG_STEP {
    clear: both;
    margin: 60rpx auto 200rpx;
    padding-bottom: 20rpx;
    position: relative;
    text-align: left;
    width: 90%;
}
.TG_STEP .i {
    border-radius: 60rpx;
    color: #fff;
    float: left;
    font-size: 60rpx;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    width: 100rpx;
}
.TG_STEP .div {
    float: right;
    width: calc(100% - 140rpx);
    width: -webkit-calc(100% - 140rpx);
}
.TG_STEP .div .h3 {
    font-size: 32rpx;
    margin-top: 8rpx;
}
.TG_STEP .div .h4 {
    color: #999;
    font-size: 28rpx;
    line-height: 180%;
    margin-top: 10rpx;
}
.TG_STEP .reg {
    background-color: #d861b9;
    background: -webkit-linear-gradient(315deg, rgba(216, 97, 185, 0.3), #d861b9);
    background-color: #fff;
}
.TG_STEP .share {
    background-color: #31c93c;
    background: -webkit-linear-gradient(315deg, rgba(49, 201, 60, 0.3), #31c93c);
    background-color: #fff;
    font-size: 54rpx;
}
.TG_STEP .money {
    background-color: #ee5a4e;
    background: -webkit-linear-gradient(315deg, rgba(238, 90, 78, 0.3), #ee5a4e);
    background-color: #fff;
}
